<template>
  <div
    v-loading="loading"
    class="income-statistics"
    element-loading-text="加载中"
    element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(0, 0, 0, 0.3)"
  >
    <div v-for="item, index in statisticsList" :key="index" class="statistics-main">
      <div class="statistics-name">{{ item.name }}</div>
      <div class="statistics-value">{{ item.value }}</div>
    </div>
  </div>
</template>

<script>
export default {
  components: {

  },
  props: {
    statisticsList: {
      type: Array,
      default: () => [{
        name: '总会员数',
        value: 0
      }, {
        name: '总销售额',
        value: 0
      }, {
        name: '总退款额',
        value: 0
      }, {
        name: '昨日销售额',
        value: 0
      }, {
        name: '今日销售额',
        value: 0
      }, {
        name: '昨日会员销售额',
        value: 0
      }, {
        name: '今日会员销售额',
        value: 0
      }, {
        name: '昨日优惠卡销售额',
        value: 0
      }, {
        name: '今日优惠卡销售额',
        value: 0
      }, {
        name: '包周总销售额',
        value: 0
      }, {
        name: '包月总销售额',
        value: 0
      }, {
        name: '昨日注册',
        value: 0
      }, {
        name: '今日注册',
        value: 0
      }, {
        name: '昨日退款额',
        value: 0
      }, {
        name: '今日退款额',
        value: 0
      }, {
        name: '今日登录',
        value: 0
      }, {
        name: '三日新增',
        value: 0
      }, {
        name: '七日新增',
        value: 0
      }, {
        name: '七日活跃',
        value: 0
      }, {
        name: '月活跃',
        value: 0
      }]
    }
  },
  data() {
    return {
      loading: true
    }
  },
  computed: {

  },
  watch: {
    statisticsList: {
      handler(newVal) {
        this.loading = false
      }
    }
  },
  created() {

  },
  mounted() {

  },
  methods: {

  }
}
</script>
